const MOCK_SCREEN_DATA = {
	_id: "62f1d071cb7c2d2b23844998",
	name: "灌篮高手22222",
	poster:
		"http://47.97.27.23/static/image/f6543dfd1e15f8e0ae4e5e1d4e7c975e.jpeg",
	description: "",
	components: {
		name: "灌篮高手22222",
		description: "",
		components: [
			{
				id: "AE3Y86gUv2zymnaZLH6vQ",
				description: "组-1660014900692",
				name: "组-1660014900692",
				type: "GROUP_COMPONENT",
				componentType: "GROUP_COMPONENT",
				config: {
					style: {
						width: 978,
						height: 506,
						left: 406,
						top: 166,
						opacity: 1,
						rotate: 0,
						zIndex: 2,
						skew: { x: 0, y: 0 },
					},
					attr: { visible: true, lock: false },
					options: {
						condition: {
							value: [
								{
									id: "zL5Duue-X3pMRZHZ44pVu",
									action: "hidden",
									type: "condition",
									value: {
										code: {
											relation: [],
											code: "\n            // 可从参数中获取相关数据\n            // 在这里添加逻辑\n            // 返回true | false 表示是否符合条件\n            return true \n          ",
										},
										condition: {
											id: "YWOlO1HwEWIAhVMD05yWw",
											type: "and",
											rule: [
												{
													id: "YpcN-fAi3PqIc6jlKazFU",
													type: "and",
													rule: [
														{
															id: "nO1aW1b-PRQUT8gtREaPu",
															params: "",
															condition: "equal",
															value: "",
														},
													],
												},
											],
										},
									},
								},
							],
							initialState: "visible",
						},
					},
				},
				components: [
					{
						description: "",
						type: "COMPONENT",
						config: {
							style: {
								width: 400,
								height: 400,
								left: 0,
								top: 0,
								opacity: 1,
								rotate: 0,
								zIndex: 2,
								skew: { x: 0, y: 0 },
							},
							attr: { visible: true, lock: false, scaleX: 1, scaleY: 1 },
							interactive: {
								base: [
									{
										type: "click",
										name: "当点击项时",
										show: false,
										fields: [
											{ key: "x", variable: "", description: "x轴" },
											{ key: "y", variable: "", description: "y轴" },
											{ key: "s", variable: "", description: "系列" },
										],
									},
								],
							},
							data: {
								request: {
									url: "",
									method: "GET",
									headers: "{}",
									body: "{}",
									frequency: { show: false, value: 5 },
									type: "static",
									value: [
										{ x: "08-01", y: 20 },
										{ x: "08-02", y: 172 },
										{ x: "08-03", y: 53 },
										{ x: "08-04", y: 109 },
										{ x: "08-05", y: 32 },
										{ x: "08-06", y: 189 },
										{ x: "08-07", y: 79 },
										{ x: "08-08", y: 96 },
										{ x: "08-09", y: 23 },
										{ x: "08-10", y: 169 },
									],
									valueType: "array",
									mock: { random: true, total: 20, fields: [] },
									serviceRequest: false,
								},
								filter: {
									show: false,
									fields: [],
									value: [],
									map: [
										{
											field: "x",
											map: "",
											description: "x轴",
											id: "x",
											type: "string",
										},
										{
											field: "y",
											map: "",
											description: "y轴",
											id: "y",
											type: "number",
										},
										{
											field: "s",
											map: "",
											description: "系列",
											id: "s",
											type: "string",
										},
									],
								},
							},
							options: {
								grid: { left: 60, top: 40, right: 40, bottom: 60, show: true },
								legend: {
									show: true,
									orient: "horizontal",
									itemGap: 10,
									textStyle: {
										color: { r: 255, g: 255, b: 255 },
										fontSize: 12,
										fontWeight: "normal",
										fontFamily: "sans-serif",
									},
									left: "center",
									top: "bottom",
									align: "auto",
									itemStyle: {
										itemWidth: 14,
										itemHeight: 14,
										icon: "rect",
										sizeIgnore: true,
									},
								},
								xAxis: {
									show: true,
									position: "bottom",
									axisLabel: {
										rotate: 0,
										margin: 8,
										color: { r: 255, g: 255, b: 255 },
										fontSize: 12,
										fontWeight: "normal",
										fontFamily: "sans-serif",
									},
									name: "",
								},
								yAxis: {
									show: true,
									axisLabel: {
										rotate: 0,
										margin: 8,
										color: { r: 255, g: 255, b: 255 },
										fontSize: 12,
										fontWeight: "normal",
										fontFamily: "sans-serif",
									},
									name: "",
									position: "left",
									splitLine: {
										show: false,
										lineStyle: {
											width: 1,
											type: "solid",
											color: { r: 78, g: 163, b: 151, a: 0.4 },
										},
									},
								},
								tooltip: {
									show: true,
									formatter: "",
									backgroundColor: { r: 78, g: 163, b: 151, a: 0.6 },
									textStyle: {
										color: { r: 255, g: 255, b: 255 },
										fontSize: 14,
										fontWeight: "normal",
										fontFamily: "sans-serif",
									},
									animation: { show: false, speed: 5000 },
								},
								animation: {
									animation: true,
									animationDuration: 2000,
									animationEasing: "quadraticInOut",
								},
								series: {
									showBackground: false,
									backgroundStyle: {
										color: { r: 180, g: 180, b: 180, a: 0.2 },
									},
									label: {
										show: false,
										position: "inside",
										rotate: 0,
										color: { r: 255, g: 255, b: 255 },
										fontSize: 12,
										fontWeight: "normal",
										fontFamily: "sans-serif",
									},
									itemStyle: { color: [] },
									barGap: 1,
									barWidth: "auto",
								},
								condition: {
									value: [
										{
											id: "3hNV88IR-nlG1j1E67KBF",
											action: "hidden",
											type: "condition",
											value: {
												code: {
													relation: [],
													code: "\n            // 可从参数中获取相关数据\n            // 在这里添加逻辑\n            // 返回true | false 表示是否符合条件\n            return true \n          ",
												},
												condition: {
													id: "40nFXZSH07Y_cidi26giv",
													type: "and",
													rule: [
														{
															id: "EPPHOXjW9SvsSH20rryY3",
															type: "and",
															rule: [
																{
																	id: "9Nh8SJJw7EZGY7uLWg6_3",
																	params: "",
																	condition: "equal",
																	value: "",
																},
															],
														},
													],
												},
											},
										},
									],
									initialState: "visible",
								},
							},
						},
						components: [],
						icon: "",
						name: "基础柱形图",
						componentType: "BAR_BASIC",
						id: "yAHx54fPeQr3ObAVQ0Qph",
						parent: "AE3Y86gUv2zymnaZLH6vQ",
					},
					{
						description: "",
						type: "COMPONENT",
						config: {
							style: {
								width: 400,
								height: 400,
								left: 578,
								top: 106,
								opacity: 1,
								rotate: 0,
								zIndex: 2,
								skew: { x: 0, y: 0 },
							},
							attr: { visible: true, lock: false, scaleX: 1, scaleY: 1 },
							interactive: {
								base: [
									{
										type: "click",
										name: "当点击项时",
										show: false,
										fields: [
											{ key: "x", variable: "", description: "x轴" },
											{ key: "y", variable: "", description: "y轴" },
											{ key: "s", variable: "", description: "系列" },
										],
									},
								],
							},
							data: {
								request: {
									url: "",
									method: "GET",
									headers: "{}",
									body: "{}",
									frequency: { show: false, value: 5 },
									type: "static",
									value: [
										{ x: "08-01", y: 200 },
										{ x: "08-02", y: 100 },
										{ x: "08-03", y: 87 },
										{ x: "08-04", y: 105 },
										{ x: "08-05", y: 118 },
										{ x: "08-06", y: 54 },
										{ x: "08-07", y: 75 },
										{ x: "08-08", y: 120 },
										{ x: "08-09", y: 65 },
										{ x: "08-10", y: 57 },
									],
									valueType: "array",
									mock: { random: true, total: 20, fields: [] },
									serviceRequest: false,
								},
								filter: {
									show: false,
									fields: [],
									value: [],
									map: [
										{
											field: "x",
											map: "",
											description: "x轴",
											id: "x",
											type: "string",
										},
										{
											field: "y",
											map: "",
											description: "y轴",
											id: "y",
											type: "number",
										},
										{
											field: "s",
											map: "",
											description: "系列",
											id: "s",
											type: "string",
										},
									],
								},
							},
							options: {
								grid: { left: 60, top: 40, right: 40, bottom: 60, show: true },
								legend: {
									show: true,
									orient: "horizontal",
									itemGap: 10,
									textStyle: {
										color: { r: 255, g: 255, b: 255 },
										fontSize: 12,
										fontWeight: "normal",
										fontFamily: "sans-serif",
									},
									left: "center",
									top: "bottom",
									align: "auto",
									itemStyle: {
										itemWidth: 14,
										itemHeight: 14,
										icon: "rect",
										sizeIgnore: true,
									},
								},
								xAxis: {
									show: true,
									position: "bottom",
									axisLabel: {
										rotate: 0,
										margin: 8,
										color: { r: 255, g: 255, b: 255 },
										fontSize: 12,
										fontWeight: "normal",
										fontFamily: "sans-serif",
									},
									name: "",
								},
								yAxis: {
									show: true,
									axisLabel: {
										rotate: 0,
										margin: 8,
										color: { r: 255, g: 255, b: 255 },
										fontSize: 12,
										fontWeight: "normal",
										fontFamily: "sans-serif",
									},
									name: "",
									position: "left",
									splitLine: {
										show: false,
										lineStyle: {
											width: 1,
											type: "solid",
											color: { r: 78, g: 163, b: 151, a: 0.4 },
										},
									},
								},
								tooltip: {
									show: true,
									formatter: "",
									backgroundColor: { r: 78, g: 163, b: 151, a: 0.6 },
									textStyle: {
										color: { r: 255, g: 255, b: 255 },
										fontSize: 14,
										fontWeight: "normal",
										fontFamily: "sans-serif",
									},
									animation: { show: false, speed: 5000 },
								},
								animation: {
									animation: true,
									animationDuration: 2000,
									animationEasing: "quadraticInOut",
								},
								series: {
									showBackground: false,
									backgroundStyle: {
										type: "linear",
										linearPosition: { startX: 0, startY: 0, endX: 1, endY: 1 },
										radialPosition: { x: 0.5, y: 0.5, r: 5 },
										start: { r: 180, g: 180, b: 180, a: 0.2 },
										end: { r: 180, g: 180, b: 180, a: 0.2 },
									},
									label: {
										show: false,
										position: "inside",
										rotate: 0,
										color: { r: 255, g: 255, b: 255 },
										fontSize: 12,
										fontWeight: "normal",
										fontFamily: "sans-serif",
									},
									itemStyle: {
										color: [
											{
												type: "linear",
												linearPosition: {
													startX: 0.6,
													startY: 0,
													endX: 0.4,
													endY: 1,
												},
												radialPosition: { x: 0.5, y: 0.5, r: 5 },
												start: { r: 78, g: 163, b: 151 },
												end: { r: 78, g: 163, b: 151, a: 0.2 },
											},
											{
												type: "linear",
												linearPosition: {
													startX: 0.6,
													startY: 0,
													endX: 0.4,
													endY: 1,
												},
												radialPosition: { x: 0.5, y: 0.5, r: 5 },
												start: { r: 34, g: 195, b: 170 },
												end: { r: 34, g: 195, b: 170, a: 0.2 },
											},
											{
												type: "linear",
												linearPosition: {
													startX: 0.6,
													startY: 0,
													endX: 0.4,
													endY: 1,
												},
												radialPosition: { x: 0.5, y: 0.5, r: 5 },
												start: { r: 123, g: 217, b: 165 },
												end: { r: 123, g: 217, b: 165, a: 0.2 },
											},
											{
												type: "linear",
												linearPosition: {
													startX: 0.6,
													startY: 0,
													endX: 0.4,
													endY: 1,
												},
												radialPosition: { x: 0.5, y: 0.5, r: 5 },
												start: { r: 208, g: 100, b: 138 },
												end: { r: 208, g: 100, b: 138, a: 0.2 },
											},
											{
												type: "linear",
												linearPosition: {
													startX: 0.6,
													startY: 0,
													endX: 0.4,
													endY: 1,
												},
												radialPosition: { x: 0.5, y: 0.5, r: 5 },
												start: { r: 245, g: 141, b: 178 },
												end: { r: 245, g: 141, b: 178, a: 0.2 },
											},
											{
												type: "linear",
												linearPosition: {
													startX: 0.6,
													startY: 0,
													endX: 0.4,
													endY: 1,
												},
												radialPosition: { x: 0.5, y: 0.5, r: 5 },
												start: { r: 242, g: 179, b: 201 },
												end: { r: 242, g: 179, b: 201, a: 0.2 },
											},
										],
									},
									barGap: 1,
									barWidth: "auto",
								},
								condition: {
									value: [
										{
											id: "2bBfDSmTdwSvA_MyZIKJU",
											action: "hidden",
											type: "condition",
											value: {
												code: {
													relation: [],
													code: "\n            // 可从参数中获取相关数据\n            // 在这里添加逻辑\n            // 返回true | false 表示是否符合条件\n            return true \n          ",
												},
												condition: {
													id: "eHS5PjKERugU7HutziHjE",
													type: "and",
													rule: [
														{
															id: "8JMX4KEI4vp6CSsVjhfsY",
															type: "and",
															rule: [
																{
																	id: "71lEoOTn2TdJJWnuIYaVJ",
																	params: "",
																	condition: "equal",
																	value: "",
																},
															],
														},
													],
												},
											},
										},
									],
									initialState: "visible",
								},
							},
						},
						components: [],
						icon: "/static/radial-bar.fe8f6b33.png",
						name: "渐变柱形图",
						componentType: "RADIAL_BAR",
						id: "Bj-WxGyt1mwozAzwjvLqR",
						parent: "AE3Y86gUv2zymnaZLH6vQ",
					},
				],
			},
			{
				id: "wlgzJ946demyEUEUWBBn6",
				description: "组-1660014905586",
				name: "组-1660014905586",
				type: "GROUP_COMPONENT",
				componentType: "GROUP_COMPONENT",
				config: {
					style: {
						width: 1714,
						height: 749,
						left: 108,
						top: 127,
						opacity: 1,
						rotate: 0,
						zIndex: 2,
						skew: { x: 0, y: 0 },
					},
					attr: { visible: true, lock: false },
					options: {
						condition: {
							value: [
								{
									id: "ppGGh1LVFzakhokOIigk6",
									action: "hidden",
									type: "condition",
									value: {
										code: {
											relation: [],
											code: "\n            // 可从参数中获取相关数据\n            // 在这里添加逻辑\n            // 返回true | false 表示是否符合条件\n            return true \n          ",
										},
										condition: {
											id: "OseK3caj6AjPH_248djwr",
											type: "and",
											rule: [
												{
													id: "mT0UWKn2dz0vq63deJRTH",
													type: "and",
													rule: [
														{
															id: "ijz7-2VGdXpTl30Y9EyGE",
															params: "",
															condition: "equal",
															value: "",
														},
													],
												},
											],
										},
									},
								},
							],
							initialState: "visible",
						},
					},
				},
				components: [
					{
						description: "",
						type: "COMPONENT",
						config: {
							style: {
								width: 400,
								height: 300,
								left: 0,
								top: 449,
								opacity: 1,
								rotate: 0,
								zIndex: 2,
								skew: { x: 0, y: 0 },
							},
							attr: { visible: true, lock: false, scaleX: 1, scaleY: 1 },
							interactive: {
								base: [
									{
										type: "click",
										name: "当点击项时",
										show: false,
										fields: [
											{ key: "name", variable: "", description: "名称" },
											{ key: "value", variable: "", description: "值" },
										],
									},
								],
							},
							data: {
								request: {
									url: "",
									method: "GET",
									headers: "{}",
									body: "{}",
									frequency: { show: false, value: 5 },
									type: "static",
									value: [
										{ name: "白明", value: 182 },
										{ name: "崔静", value: 52 },
										{ name: "乔秀兰", value: 49 },
										{ name: "薛娜", value: 181 },
										{ name: "魏强", value: 18 },
									],
									valueType: "array",
									mock: { random: true, total: 20, fields: [] },
									serviceRequest: false,
								},
								filter: {
									show: false,
									fields: [],
									value: [],
									map: [
										{
											field: "name",
											map: "",
											description: "名称",
											id: "name",
											type: "string",
										},
										{
											field: "value",
											map: "",
											description: "值",
											id: "value",
											type: "number",
										},
									],
								},
							},
							options: {
								grid: { left: 160, top: 40, right: 60, bottom: 60, show: true },
								yAxis: {
									textStyle: {
										color: { r: 255, g: 255, b: 255 },
										fontSize: 12,
										fontWeight: "normal",
										fontFamily: "sans-serif",
									},
									rankIcon: {
										show: true,
										textStyle: {
											color: { r: 255, g: 255, b: 255 },
											fontSize: 12,
											fontWeight: "bold",
											fontFamily: "sans-serif",
										},
										showBackground: true,
									},
								},
								tooltip: {
									show: true,
									formatter: "{b0}: {c0}",
									backgroundColor: { r: 78, g: 163, b: 151, a: 0.6 },
									textStyle: {
										color: { r: 255, g: 255, b: 255 },
										fontSize: 14,
										fontWeight: "normal",
										fontFamily: "sans-serif",
									},
									animation: { show: false, speed: 5000 },
								},
								animation: {
									animation: true,
									animationDuration: 2000,
									animationEasing: "quadraticInOut",
								},
								series: {
									backgroundStyle: {
										show: true,
										color: { r: 78, g: 163, b: 151, a: 0.3 },
									},
									itemStyle: {
										color: [
											{
												type: "linear",
												linearPosition: {
													startX: 0.6,
													startY: 0,
													endX: 0.4,
													endY: 1,
												},
												radialPosition: { x: 0.5, y: 0.5, r: 5 },
												start: { r: 78, g: 163, b: 151 },
												end: { r: 78, g: 163, b: 151, a: 0.4 },
											},
											{
												type: "linear",
												linearPosition: {
													startX: 0.6,
													startY: 0,
													endX: 0.4,
													endY: 1,
												},
												radialPosition: { x: 0.5, y: 0.5, r: 5 },
												start: { r: 34, g: 195, b: 170 },
												end: { r: 34, g: 195, b: 170, a: 0.4 },
											},
											{
												type: "linear",
												linearPosition: {
													startX: 0.6,
													startY: 0,
													endX: 0.4,
													endY: 1,
												},
												radialPosition: { x: 0.5, y: 0.5, r: 5 },
												start: { r: 123, g: 217, b: 165 },
												end: { r: 123, g: 217, b: 165, a: 0.4 },
											},
										],
										defaultColor: {
											type: "linear",
											linearPosition: {
												startX: 0.6,
												startY: 0,
												endX: 0.4,
												endY: 1,
											},
											radialPosition: { x: 0.5, y: 0.5, r: 5 },
											start: { r: 208, g: 100, b: 138 },
											end: { r: 208, g: 100, b: 138, a: 0.6 },
										},
									},
									barWidth: 12,
									label: {
										show: true,
										color: { r: 255, g: 255, b: 255 },
										fontSize: 12,
										fontWeight: "normal",
										fontFamily: "sans-serif",
										formatter: "{value}",
										position: "deep-top",
									},
									borderRadius: 30,
								},
								condition: {
									value: [
										{
											id: "F-1blaMaf2TSTxPePumHI",
											action: "hidden",
											type: "condition",
											value: {
												code: {
													relation: [],
													code: "\n            // 可从参数中获取相关数据\n            // 在这里添加逻辑\n            // 返回true | false 表示是否符合条件\n            return true \n          ",
												},
												condition: {
													id: "eL6bJhZZ86SytumnWw3MG",
													type: "and",
													rule: [
														{
															id: "aMmbBNWX7EngbPSoeKhFK",
															type: "and",
															rule: [
																{
																	id: "52n7zX2Gh1hpMV8vNYbN-",
																	params: "",
																	condition: "equal",
																	value: "",
																},
															],
														},
													],
												},
											},
										},
									],
									initialState: "visible",
								},
							},
						},
						components: [],
						icon: "",
						name: "排名",
						componentType: "RANK_BAR",
						id: "B5IUX4OqZGBIIy05g_tWv",
						parent: "wlgzJ946demyEUEUWBBn6",
					},
					{
						description: "",
						type: "COMPONENT",
						config: {
							style: {
								width: 400,
								height: 400,
								left: 1314,
								top: 0,
								opacity: 1,
								rotate: 0,
								zIndex: 2,
								skew: { x: 0, y: 0 },
							},
							attr: { visible: true, lock: false, scaleX: 1, scaleY: 1 },
							interactive: {
								base: [
									{
										type: "click",
										name: "当点击项时",
										show: false,
										fields: [
											{ key: "x", variable: "", description: "x轴" },
											{ key: "y", variable: "", description: "y轴" },
											{ key: "s", variable: "", description: "系列" },
										],
									},
								],
							},
							data: {
								request: {
									url: "",
									method: "GET",
									headers: "{}",
									body: "{}",
									frequency: { show: false, value: 5 },
									type: "static",
									value: [
										{ x: "08-01", y: 200 },
										{ x: "08-02", y: 100 },
										{ x: "08-03", y: 87 },
										{ x: "08-04", y: 105 },
										{ x: "08-05", y: 118 },
										{ x: "08-06", y: 54 },
										{ x: "08-07", y: 75 },
										{ x: "08-08", y: 120 },
										{ x: "08-09", y: 65 },
										{ x: "08-10", y: 57 },
									],
									valueType: "array",
									mock: { random: true, total: 20, fields: [] },
									serviceRequest: false,
								},
								filter: {
									show: false,
									fields: [],
									value: [],
									map: [
										{
											field: "x",
											map: "",
											description: "x轴",
											id: "x",
											type: "string",
										},
										{
											field: "y",
											map: "",
											description: "y轴",
											id: "y",
											type: "number",
										},
										{
											field: "s",
											map: "",
											description: "系列",
											id: "s",
											type: "string",
										},
									],
								},
							},
							options: {
								grid: { left: 60, top: 40, right: 40, bottom: 60, show: true },
								legend: {
									show: true,
									orient: "horizontal",
									itemGap: 10,
									textStyle: {
										color: { r: 255, g: 255, b: 255 },
										fontSize: 12,
										fontWeight: "normal",
										fontFamily: "sans-serif",
									},
									left: "center",
									top: "bottom",
									align: "auto",
									itemStyle: {
										itemWidth: 14,
										itemHeight: 14,
										icon: "rect",
										sizeIgnore: true,
									},
								},
								xAxis: {
									show: true,
									position: "bottom",
									axisLabel: {
										rotate: 0,
										margin: 8,
										color: { r: 255, g: 255, b: 255 },
										fontSize: 12,
										fontWeight: "normal",
										fontFamily: "sans-serif",
									},
									name: "",
								},
								yAxis: {
									show: true,
									axisLabel: {
										rotate: 0,
										margin: 8,
										color: { r: 255, g: 255, b: 255 },
										fontSize: 12,
										fontWeight: "normal",
										fontFamily: "sans-serif",
									},
									name: "",
									position: "left",
									splitLine: {
										show: false,
										lineStyle: {
											width: 1,
											type: "solid",
											color: { r: 78, g: 163, b: 151, a: 0.4 },
										},
									},
								},
								tooltip: {
									show: true,
									formatter: "",
									backgroundColor: { r: 78, g: 163, b: 151, a: 0.6 },
									textStyle: {
										color: { r: 255, g: 255, b: 255 },
										fontSize: 14,
										fontWeight: "normal",
										fontFamily: "sans-serif",
									},
									animation: { show: false, speed: 5000 },
								},
								animation: {
									animation: true,
									animationDuration: 2000,
									animationEasing: "quadraticInOut",
								},
								series: {
									showBackground: false,
									backgroundStyle: {
										type: "linear",
										linearPosition: { startX: 0, startY: 0, endX: 1, endY: 1 },
										radialPosition: { x: 0.5, y: 0.5, r: 5 },
										start: { r: 180, g: 180, b: 180, a: 0.2 },
										end: { r: 180, g: 180, b: 180, a: 0.2 },
									},
									label: {
										show: false,
										position: "inside",
										rotate: 0,
										color: { r: 255, g: 255, b: 255 },
										fontSize: 12,
										fontWeight: "normal",
										fontFamily: "sans-serif",
									},
									itemStyle: {
										color: [
											{
												type: "linear",
												linearPosition: {
													startX: 0.6,
													startY: 0,
													endX: 0.4,
													endY: 1,
												},
												radialPosition: { x: 0.5, y: 0.5, r: 5 },
												start: { r: 78, g: 163, b: 151 },
												end: { r: 78, g: 163, b: 151, a: 0.2 },
											},
											{
												type: "linear",
												linearPosition: {
													startX: 0.6,
													startY: 0,
													endX: 0.4,
													endY: 1,
												},
												radialPosition: { x: 0.5, y: 0.5, r: 5 },
												start: { r: 34, g: 195, b: 170 },
												end: { r: 34, g: 195, b: 170, a: 0.2 },
											},
											{
												type: "linear",
												linearPosition: {
													startX: 0.6,
													startY: 0,
													endX: 0.4,
													endY: 1,
												},
												radialPosition: { x: 0.5, y: 0.5, r: 5 },
												start: { r: 123, g: 217, b: 165 },
												end: { r: 123, g: 217, b: 165, a: 0.2 },
											},
											{
												type: "linear",
												linearPosition: {
													startX: 0.6,
													startY: 0,
													endX: 0.4,
													endY: 1,
												},
												radialPosition: { x: 0.5, y: 0.5, r: 5 },
												start: { r: 208, g: 100, b: 138 },
												end: { r: 208, g: 100, b: 138, a: 0.2 },
											},
											{
												type: "linear",
												linearPosition: {
													startX: 0.6,
													startY: 0,
													endX: 0.4,
													endY: 1,
												},
												radialPosition: { x: 0.5, y: 0.5, r: 5 },
												start: { r: 245, g: 141, b: 178 },
												end: { r: 245, g: 141, b: 178, a: 0.2 },
											},
											{
												type: "linear",
												linearPosition: {
													startX: 0.6,
													startY: 0,
													endX: 0.4,
													endY: 1,
												},
												radialPosition: { x: 0.5, y: 0.5, r: 5 },
												start: { r: 242, g: 179, b: 201 },
												end: { r: 242, g: 179, b: 201, a: 0.2 },
											},
										],
									},
									barGap: 1,
									barWidth: "auto",
								},
								condition: {
									value: [
										{
											id: "1Ktxvlq4c1fIl9IkX7XF0",
											action: "hidden",
											type: "condition",
											value: {
												code: {
													relation: [],
													code: "\n            // 可从参数中获取相关数据\n            // 在这里添加逻辑\n            // 返回true | false 表示是否符合条件\n            return true \n          ",
												},
												condition: {
													id: "0JcrRlWPbs1D6cBaEsWTA",
													type: "and",
													rule: [
														{
															id: "OiyxVryfCh1bVsLJGnQqG",
															type: "and",
															rule: [
																{
																	id: "-Iq5H1-cEyvCMUQxgDmDB",
																	params: "",
																	condition: "equal",
																	value: "",
																},
															],
														},
													],
												},
											},
										},
									],
									initialState: "visible",
								},
							},
						},
						components: [],
						icon: "/static/radial-bar.fe8f6b33.png",
						name: "渐变柱形图",
						componentType: "RADIAL_BAR",
						id: "p3UgGeBjyK8u_h-HdcdyS",
						parent: "wlgzJ946demyEUEUWBBn6",
					},
				],
			},
			{
				id: "SYP3MO_iYb7yD4lyaz6fc",
				description: "组-1660014932457",
				name: "组-1660014932457",
				type: "GROUP_COMPONENT",
				componentType: "GROUP_COMPONENT",
				config: {
					style: {
						width: 1088,
						height: 943,
						left: 120,
						top: 40,
						opacity: 1,
						rotate: 0,
						zIndex: 2,
						skew: { x: 0, y: 0 },
					},
					attr: { visible: true, lock: false },
					options: {
						condition: {
							value: [
								{
									id: "4KX3D8EBnvIegXUbbj1da",
									action: "hidden",
									type: "condition",
									value: {
										code: {
											relation: [],
											code: "\n            // 可从参数中获取相关数据\n            // 在这里添加逻辑\n            // 返回true | false 表示是否符合条件\n            return true \n          ",
										},
										condition: {
											id: "B4MyOs4nOTkUga3ekubXS",
											type: "and",
											rule: [
												{
													id: "mL8o5MreKgcKrXXI5cwCT",
													type: "and",
													rule: [
														{
															id: "wfAhEjM6M4dxHvqMeOggz",
															params: "",
															condition: "equal",
															value: "",
														},
													],
												},
											],
										},
									},
								},
							],
							initialState: "visible",
						},
					},
				},
				components: [
					{
						description: "",
						type: "COMPONENT",
						config: {
							style: {
								width: 400,
								height: 400,
								left: 504,
								top: 543,
								opacity: 1,
								rotate: 0,
								zIndex: 2,
								skew: { x: 0, y: 0 },
							},
							attr: { visible: true, lock: false, scaleX: 1, scaleY: 1 },
							interactive: {
								base: [
									{
										type: "click",
										name: "当点击项时",
										show: false,
										fields: [
											{ key: "x", variable: "", description: "x轴" },
											{ key: "y", variable: "", description: "y轴" },
											{ key: "s", variable: "", description: "系列" },
										],
									},
								],
							},
							data: {
								request: {
									url: "",
									method: "GET",
									headers: "{}",
									body: "{}",
									frequency: { show: false, value: 5 },
									type: "static",
									value: [
										{ x: "08-01", y: 162 },
										{ x: "08-02", y: 142 },
										{ x: "08-03", y: 95 },
										{ x: "08-04", y: 54 },
										{ x: "08-05", y: 84 },
										{ x: "08-06", y: 64 },
										{ x: "08-07", y: 192 },
										{ x: "08-08", y: 177 },
										{ x: "08-09", y: 10 },
										{ x: "08-10", y: 74 },
									],
									valueType: "array",
									mock: { random: true, total: 20, fields: [] },
									serviceRequest: false,
								},
								filter: {
									show: false,
									fields: [],
									value: [],
									map: [
										{
											field: "x",
											map: "",
											description: "x轴",
											id: "x",
											type: "string",
										},
										{
											field: "y",
											map: "",
											description: "y轴",
											id: "y",
											type: "number",
										},
										{
											field: "s",
											map: "",
											description: "系列",
											id: "s",
											type: "string",
										},
									],
								},
							},
							options: {
								grid: { left: 60, top: 40, right: 40, bottom: 60, show: true },
								legend: {
									show: true,
									orient: "horizontal",
									itemGap: 10,
									textStyle: {
										color: { r: 255, g: 255, b: 255 },
										fontSize: 12,
										fontWeight: "normal",
										fontFamily: "sans-serif",
									},
									left: "center",
									top: "bottom",
									align: "auto",
									itemStyle: {
										itemWidth: 14,
										itemHeight: 14,
										icon: "rect",
										sizeIgnore: true,
									},
								},
								xAxis: {
									show: true,
									axisLabel: {
										rotate: 0,
										margin: 8,
										color: { r: 255, g: 255, b: 255 },
										fontSize: 12,
										fontWeight: "normal",
										fontFamily: "sans-serif",
									},
									name: "",
								},
								yAxis: {
									show: true,
									axisLabel: {
										rotate: 0,
										margin: 8,
										color: { r: 255, g: 255, b: 255 },
										fontSize: 12,
										fontWeight: "normal",
										fontFamily: "sans-serif",
									},
									name: "",
								},
								tooltip: {
									show: true,
									formatter: "",
									backgroundColor: { r: 78, g: 163, b: 151, a: 0.6 },
									textStyle: {
										color: { r: 255, g: 255, b: 255 },
										fontSize: 14,
										fontWeight: "normal",
										fontFamily: "sans-serif",
									},
									animation: { show: false, speed: 5000 },
								},
								animation: {
									animation: true,
									animationDuration: 2000,
									animationEasing: "quadraticInOut",
								},
								series: {
									backgroundStyle: {
										backgroundColor: { r: 180, g: 180, b: 180, a: 0.2 },
										borderColor: { r: 180, g: 180, b: 180 },
										borderRadius: 20,
										borderWidth: 2,
									},
									label: {
										show: false,
										color: { r: 255, g: 255, b: 255 },
										fontSize: 12,
										fontWeight: "normal",
										fontFamily: "sans-serif",
									},
									itemStyle: {
										color: [
											{
												type: "linear",
												linearPosition: {
													startX: 0.6,
													startY: 0,
													endX: 0.4,
													endY: 1,
												},
												radialPosition: { x: 0.5, y: 0.5, r: 5 },
												start: { r: 78, g: 163, b: 151 },
												end: { r: 78, g: 163, b: 151, a: 0.2 },
											},
											{
												type: "linear",
												linearPosition: {
													startX: 0.6,
													startY: 0,
													endX: 0.4,
													endY: 1,
												},
												radialPosition: { x: 0.5, y: 0.5, r: 5 },
												start: { r: 34, g: 195, b: 170 },
												end: { r: 34, g: 195, b: 170, a: 0.2 },
											},
											{
												type: "linear",
												linearPosition: {
													startX: 0.6,
													startY: 0,
													endX: 0.4,
													endY: 1,
												},
												radialPosition: { x: 0.5, y: 0.5, r: 5 },
												start: { r: 123, g: 217, b: 165 },
												end: { r: 123, g: 217, b: 165, a: 0.2 },
											},
											{
												type: "linear",
												linearPosition: {
													startX: 0.6,
													startY: 0,
													endX: 0.4,
													endY: 1,
												},
												radialPosition: { x: 0.5, y: 0.5, r: 5 },
												start: { r: 208, g: 100, b: 138 },
												end: { r: 208, g: 100, b: 138, a: 0.2 },
											},
											{
												type: "linear",
												linearPosition: {
													startX: 0.6,
													startY: 0,
													endX: 0.4,
													endY: 1,
												},
												radialPosition: { x: 0.5, y: 0.5, r: 5 },
												start: { r: 245, g: 141, b: 178 },
												end: { r: 245, g: 141, b: 178, a: 0.2 },
											},
											{
												type: "linear",
												linearPosition: {
													startX: 0.6,
													startY: 0,
													endX: 0.4,
													endY: 1,
												},
												radialPosition: { x: 0.5, y: 0.5, r: 5 },
												start: { r: 242, g: 179, b: 201 },
												end: { r: 242, g: 179, b: 201, a: 0.2 },
											},
										],
									},
									barWidth: 10,
									borderRadius: 10,
								},
								condition: {
									value: [
										{
											id: "9ZUdSdMz-beiGgz6Ylm0B",
											action: "hidden",
											type: "condition",
											value: {
												code: {
													relation: [],
													code: "\n            // 可从参数中获取相关数据\n            // 在这里添加逻辑\n            // 返回true | false 表示是否符合条件\n            return true \n          ",
												},
												condition: {
													id: "AcN18VSM_eZ_cf-H67wpl",
													type: "and",
													rule: [
														{
															id: "sFpatTcq15LvI0ZmZIqN7",
															type: "and",
															rule: [
																{
																	id: "hiSzRdIxFrYgcUEXebxer",
																	params: "",
																	condition: "equal",
																	value: "",
																},
															],
														},
													],
												},
											},
										},
									],
									initialState: "visible",
								},
							},
						},
						components: [],
						icon: "",
						name: "胶囊图",
						componentType: "CACHET_BAR",
						id: "3wJkWmGGV6Rx7F054hvYx",
						parent: "SYP3MO_iYb7yD4lyaz6fc",
					},
					{
						description: "",
						type: "COMPONENT",
						config: {
							style: {
								width: 400,
								height: 400,
								left: 688,
								top: 0,
								opacity: 1,
								rotate: 0,
								zIndex: 2,
								skew: { x: 0, y: 0 },
							},
							attr: { visible: true, lock: false, scaleX: 1, scaleY: 1 },
							interactive: {
								base: [
									{
										type: "click",
										name: "当点击项时",
										show: false,
										fields: [
											{ key: "name", variable: "", description: "数据名" },
											{ key: "value", variable: "", description: "数据值" },
										],
									},
								],
							},
							data: {
								request: {
									url: "",
									method: "GET",
									headers: "{}",
									body: "{}",
									frequency: { show: false, value: 5 },
									type: "static",
									value: [
										{ name: "熊杰", value: 48 },
										{ name: "乔平", value: 40 },
										{ name: "江刚", value: 11 },
										{ name: "罗磊", value: 50 },
										{ name: "朱磊", value: 33 },
									],
									valueType: "array",
									mock: { random: true, total: 20, fields: [] },
									serviceRequest: false,
								},
								filter: {
									show: false,
									fields: [],
									value: [],
									map: [
										{
											field: "name",
											map: "",
											description: "数据名",
											id: "name",
											type: "string",
										},
										{
											field: "value",
											map: "",
											description: "数据值",
											id: "value",
											type: "number",
										},
									],
								},
							},
							options: {
								polar: { radius: [0, 60] },
								angleAxis: {
									min: 0,
									max: 100,
									startAngle: 90,
									axisLabel: {
										color: { r: 255, g: 255, b: 255 },
										fontSize: 12,
										fontWeight: "normal",
										fontFamily: "sans-serif",
										show: true,
										margin: 8,
									},
								},
								legend: {
									show: true,
									orient: "horizontal",
									itemGap: 10,
									textStyle: {
										color: { r: 255, g: 255, b: 255 },
										fontSize: 12,
										fontWeight: "normal",
										fontFamily: "sans-serif",
									},
									left: "center",
									top: "bottom",
									align: "auto",
									itemStyle: {
										itemWidth: 14,
										itemHeight: 14,
										icon: "rect",
										sizeIgnore: true,
									},
								},
								tooltip: {
									show: true,
									formatter: "",
									backgroundColor: { r: 78, g: 163, b: 151, a: 0.6 },
									textStyle: {
										color: { r: 255, g: 255, b: 255 },
										fontSize: 14,
										fontWeight: "normal",
										fontFamily: "sans-serif",
									},
								},
								animation: {
									animation: true,
									animationDuration: 2000,
									animationEasing: "quadraticInOut",
								},
								series: {
									label: {
										show: false,
										position: "inside",
										color: { r: 255, g: 255, b: 255 },
										fontSize: 12,
										fontWeight: "normal",
										fontFamily: "sans-serif",
									},
									itemStyle: { color: [] },
									barWidth: 20,
								},
								condition: {
									value: [
										{
											id: "Ak0hngOY1MFq9FN_kGnen",
											action: "hidden",
											type: "condition",
											value: {
												code: {
													relation: [],
													code: "\n            // 可从参数中获取相关数据\n            // 在这里添加逻辑\n            // 返回true | false 表示是否符合条件\n            return true \n          ",
												},
												condition: {
													id: "lin9XT5dGsIsf-2VY9hRp",
													type: "and",
													rule: [
														{
															id: "KfEVnYy9Vq2r5hh_KGnrs",
															type: "and",
															rule: [
																{
																	id: "n0U-W4xIuSnztC-h3Le3B",
																	params: "",
																	condition: "equal",
																	value: "",
																},
															],
														},
													],
												},
											},
										},
									],
									initialState: "visible",
								},
							},
						},
						components: [],
						icon: "",
						name: "极坐标柱形图",
						componentType: "POLAR_BAR",
						id: "jKWtuJPW4pfTy0UWaatra",
						parent: "SYP3MO_iYb7yD4lyaz6fc",
					},
					{
						description: "",
						type: "COMPONENT",
						config: {
							style: {
								width: 400,
								height: 400,
								left: 0,
								top: 118,
								opacity: 1,
								rotate: 0,
								zIndex: 2,
								skew: { x: 0, y: 0 },
							},
							attr: { visible: true, lock: false, scaleX: 1, scaleY: 1 },
							interactive: {
								base: [
									{
										type: "click",
										name: "当点击项时",
										show: false,
										fields: [
											{ key: "x", variable: "", description: "x轴" },
											{ key: "y", variable: "", description: "y轴" },
										],
									},
								],
							},
							data: {
								request: {
									url: "",
									method: "GET",
									headers: "{}",
									body: "{}",
									frequency: { show: false, value: 5 },
									type: "static",
									value: [
										{ x: "08-01", y: 37 },
										{ x: "08-02", y: 94 },
										{ x: "08-03", y: 7 },
										{ x: "08-04", y: 198 },
										{ x: "08-05", y: 199 },
										{ x: "08-06", y: 162 },
										{ x: "08-07", y: 0 },
										{ x: "08-08", y: 172 },
										{ x: "08-09", y: 142 },
										{ x: "08-10", y: 70 },
									],
									valueType: "array",
									mock: { random: true, total: 20, fields: [] },
									serviceRequest: false,
								},
								filter: {
									show: false,
									fields: [],
									value: [],
									map: [
										{
											field: "x",
											map: "",
											description: "x轴",
											id: "x",
											type: "string",
										},
										{
											field: "y",
											map: "",
											description: "y轴",
											id: "y",
											type: "number",
										},
									],
								},
							},
							options: {
								xAxis: {
									show: true,
									position: "bottom",
									axisLabel: {
										rotate: 0,
										margin: 8,
										color: { r: 255, g: 255, b: 255 },
										fontSize: 12,
										fontWeight: "normal",
										fontFamily: "sans-serif",
									},
									name: "",
								},
								grid: { left: 60, top: 40, right: 40, bottom: 60, show: true },
								yAxis: {
									show: true,
									axisLabel: {
										rotate: 0,
										margin: 8,
										color: { r: 255, g: 255, b: 255 },
										fontSize: 12,
										fontWeight: "normal",
										fontFamily: "sans-serif",
									},
									name: "",
									position: "left",
									splitLine: {
										show: false,
										lineStyle: {
											width: 1,
											type: "solid",
											color: { r: 78, g: 163, b: 151, a: 0.4 },
										},
									},
								},
								tooltip: {
									show: true,
									formatter: "",
									backgroundColor: { r: 78, g: 163, b: 151, a: 0.6 },
									textStyle: {
										color: { r: 255, g: 255, b: 255 },
										fontSize: 14,
										fontWeight: "normal",
										fontFamily: "sans-serif",
									},
									animation: { show: false, speed: 5000 },
								},
								animation: {
									animation: true,
									animationDuration: 2000,
									animationEasing: "quadraticInOut",
								},
								series: {
									label: {
										show: false,
										position: "inside",
										color: { r: 255, g: 255, b: 255 },
										fontSize: 12,
										fontWeight: "normal",
										fontFamily: "sans-serif",
									},
									itemStyle: {
										color: {
											type: "linear",
											linearPosition: {
												startX: 0.6,
												startY: 0,
												endX: 0.4,
												endY: 1,
											},
											radialPosition: { x: 0.5, y: 0.5, r: 5 },
											start: { r: 78, g: 163, b: 151 },
											end: { r: 78, g: 163, b: 151, a: 0.2 },
										},
									},
									barWidth: 20,
								},
								condition: {
									value: [
										{
											id: "VtP4CqwE3ewa9hR4vpGNT",
											action: "hidden",
											type: "condition",
											value: {
												code: {
													relation: [],
													code: "\n            // 可从参数中获取相关数据\n            // 在这里添加逻辑\n            // 返回true | false 表示是否符合条件\n            return true \n          ",
												},
												condition: {
													id: "H_giaxtFvFh-gQSvibhY9",
													type: "and",
													rule: [
														{
															id: "rudYCjmNhRZwZT-YI_OK7",
															type: "and",
															rule: [
																{
																	id: "b1dCqh7WtrBm2SpaBI8ey",
																	params: "",
																	condition: "equal",
																	value: "",
																},
															],
														},
													],
												},
											},
										},
									],
									initialState: "visible",
								},
							},
						},
						components: [],
						icon: "",
						name: "瀑布图",
						componentType: "WATER_FALL_BAR",
						id: "HxJOWfyNk9_LNjpZnOlUV",
						parent: "SYP3MO_iYb7yD4lyaz6fc",
					},
				],
			},
			{
				description: "",
				type: "COMPONENT",
				config: {
					style: {
						width: 400,
						height: 400,
						left: 117,
						top: -5,
						opacity: 1,
						rotate: 0,
						zIndex: 2,
						skew: { x: 0, y: 0 },
					},
					attr: { visible: true, lock: false },
					interactive: {
						base: [
							{
								type: "click",
								name: "当点击项时",
								show: false,
								fields: [
									{ key: "name", variable: "", description: "数据名" },
									{ key: "value", variable: "", description: "数据值" },
								],
							},
						],
					},
					data: {
						request: {
							url: "",
							method: "GET",
							headers: "{}",
							body: "{}",
							frequency: { show: false, value: 5 },
							type: "static",
							value: [
								{ name: "熊杰", value: 48 },
								{ name: "乔平", value: 40 },
								{ name: "江刚", value: 11 },
								{ name: "罗磊", value: 50 },
								{ name: "朱磊", value: 33 },
							],
							valueType: "array",
							mock: { random: true, total: 20, fields: [] },
							serviceRequest: false,
						},
						filter: {
							show: false,
							fields: [],
							value: [],
							map: [
								{
									field: "name",
									map: "",
									description: "数据名",
									id: "name",
									type: "string",
								},
								{
									field: "value",
									map: "",
									description: "数据值",
									id: "value",
									type: "number",
								},
							],
						},
					},
					options: {
						polar: { radius: [0, 60] },
						angleAxis: {
							min: 0,
							max: 100,
							startAngle: 90,
							axisLabel: {
								color: { r: 255, g: 255, b: 255 },
								fontSize: 12,
								fontWeight: "normal",
								fontFamily: "sans-serif",
								show: true,
								margin: 8,
							},
						},
						legend: {
							show: true,
							orient: "horizontal",
							itemGap: 10,
							textStyle: {
								color: { r: 255, g: 255, b: 255 },
								fontSize: 12,
								fontWeight: "normal",
								fontFamily: "sans-serif",
							},
							left: "center",
							top: "bottom",
							align: "auto",
							itemStyle: {
								itemWidth: 14,
								itemHeight: 14,
								icon: "rect",
								sizeIgnore: true,
							},
						},
						tooltip: {
							show: true,
							formatter: "",
							backgroundColor: { r: 78, g: 163, b: 151, a: 0.6 },
							textStyle: {
								color: { r: 255, g: 255, b: 255 },
								fontSize: 14,
								fontWeight: "normal",
								fontFamily: "sans-serif",
							},
						},
						animation: {
							animation: true,
							animationDuration: 2000,
							animationEasing: "quadraticInOut",
						},
						series: {
							label: {
								show: false,
								position: "inside",
								color: { r: 255, g: 255, b: 255 },
								fontSize: 12,
								fontWeight: "normal",
								fontFamily: "sans-serif",
							},
							itemStyle: { color: [] },
							barWidth: 20,
						},
						condition: {
							value: [
								{
									id: "KyypD5Ssjp1VHs7hROKcI",
									action: "hidden",
									type: "condition",
									value: {
										code: {
											relation: [],
											code: "\n            // 可从参数中获取相关数据\n            // 在这里添加逻辑\n            // 返回true | false 表示是否符合条件\n            return true \n          ",
										},
										condition: {
											id: "n1kz3LhI5rRO8MAMdusU4",
											type: "and",
											rule: [
												{
													id: "6FuwyGJBS9pKslDNYEym7",
													type: "and",
													rule: [
														{
															id: "twpNu3m61VHzXHemTatHe",
															params: "",
															condition: "equal",
															value: "",
														},
													],
												},
											],
										},
									},
								},
							],
							initialState: "visible",
						},
					},
				},
				components: [],
				icon: "",
				name: "极坐标柱形图",
				componentType: "POLAR_BAR",
				id: "kh7jazisTJk6gahWI9e8w",
			},
			{
				description: "",
				type: "COMPONENT",
				config: {
					style: {
						width: 400,
						height: 400,
						left: 604,
						top: 97,
						opacity: 1,
						rotate: 0,
						zIndex: 2,
						skew: { x: 0, y: 0 },
					},
					attr: { visible: true, lock: false },
					interactive: { base: [] },
					data: {
						request: {
							url: "",
							method: "GET",
							headers: "{}",
							body: "{}",
							frequency: { show: false, value: 5 },
							type: "static",
							value: [
								{ name: "于磊", value: 61, max: 100 },
								{ name: "魏丽", value: 51, max: 100 },
								{ name: "孙娜", value: 67, max: 100 },
								{ name: "刘伟", value: 39, max: 100 },
								{ name: "戴军", value: 88, max: 100 },
								{ name: "赵洋", value: 88, max: 100 },
								{ name: "文洋", value: 50, max: 100 },
							],
							valueType: "array",
							mock: { random: true, total: 20, fields: [] },
							serviceRequest: false,
						},
						filter: {
							show: false,
							fields: [],
							value: [],
							map: [
								{
									field: "name",
									map: "",
									description: "数据项",
									id: "name",
									type: "string",
								},
								{
									field: "value",
									map: "",
									description: "数据值",
									id: "value",
									type: "number",
								},
								{
									field: "max",
									map: "",
									description: "最大值",
									id: "max",
									type: "number",
								},
								{
									field: "s",
									map: "",
									description: "系列",
									id: "s",
									type: "string",
								},
							],
						},
					},
					options: {
						condition: {
							value: [
								{
									id: "DpVinhE6x-tCzAqztY_jv",
									action: "hidden",
									type: "condition",
									value: {
										code: {
											relation: [],
											code: "\n            // 可从参数中获取相关数据\n            // 在这里添加逻辑\n            // 返回true | false 表示是否符合条件\n            return true \n          ",
										},
										condition: {
											id: "jqn5TkSnHRcLH2JTKGznI",
											type: "and",
											rule: [
												{
													id: "b6G3fG1Hev-LgbdQ6nMa-",
													type: "and",
													rule: [
														{
															id: "YXFw3MoBJvO11VkNHlMS8",
															params: "",
															condition: "equal",
															value: "",
														},
													],
												},
											],
										},
									},
								},
							],
							initialState: "visible",
						},
						legend: {
							show: true,
							orient: "horizontal",
							itemGap: 10,
							textStyle: {
								color: { r: 255, g: 255, b: 255 },
								fontSize: 12,
								fontWeight: "normal",
								fontFamily: "sans-serif",
							},
							left: "center",
							top: "bottom",
							align: "auto",
							itemStyle: {
								itemWidth: 14,
								itemHeight: 14,
								icon: "rect",
								sizeIgnore: true,
							},
						},
						tooltip: {
							show: true,
							formatter: "",
							backgroundColor: { r: 78, g: 163, b: 151, a: 0.6 },
							textStyle: {
								color: { r: 255, g: 255, b: 255 },
								fontSize: 14,
								fontWeight: "normal",
								fontFamily: "sans-serif",
							},
							animation: { show: false, speed: 5000 },
						},
						animation: {
							animation: true,
							animationDuration: 2000,
							animationEasing: "quadraticInOut",
						},
						radar: {
							center: [50, 50],
							radius: 75,
							axisName: {
								show: true,
								formatter: "{value}",
								color: { r: 255, g: 255, b: 255 },
								fontSize: 12,
								fontWeight: "normal",
								fontFamily: "sans-serif",
							},
							axisNameGap: 15,
							splitNumber: 5,
							shape: "polygon",
							axisLine: {
								show: false,
								lineStyle: {
									color: { r: 78, g: 163, b: 151 },
									width: 1,
									type: "solid",
								},
							},
							splitLine: {
								show: true,
								lineStyle: {
									color: { r: 78, g: 163, b: 151, a: 0.4 },
									width: 1,
									type: "solid",
								},
							},
							splitArea: {
								show: false,
								areaStyle: {
									color: [
										{ r: 78, g: 163, b: 151, a: 0.3 },
										{ r: 34, g: 195, b: 170, a: 0.3 },
									],
								},
							},
						},
						series: {
							label: {
								show: false,
								position: "top",
								distance: 5,
								formatter: "{b}: {c}",
								color: { r: 255, g: 255, b: 255 },
								fontSize: 12,
								fontWeight: "normal",
								fontFamily: "sans-serif",
							},
							itemStyle: { color: [] },
							symbol: "circle",
							symbolSize: 4,
							lineStyle: [],
							areaStyle: { color: [] },
						},
					},
				},
				components: [],
				icon: "",
				name: "基础雷达图",
				componentType: "RADAR_BASIC",
				id: "OYjA0hkKQiuifB-micQBv",
			},
		],
		poster:
			"http://47.97.27.23/static/image/f6543dfd1e15f8e0ae4e5e1d4e7c975e.jpeg",
		config: {
			style: { width: 1920, height: 1080 },
			attr: {
				poster: { type: "color", color: { r: 5, g: 46, b: 36 } },
				grid: 1,
				filter: [
					{
						id: "2McHFwEKZzC6JV3T7x4lk",
						name: "取前几项",
						code: "\n      // 起始的索引\n      const start = 0 \n      // 结束的索引\n      const end = 10\n      return data.slice(start, end)\n    ",
						editable: false,
						params: [],
					},
					{
						id: "e5xt4JL0yEZIecg8obUis",
						name: "排序(小 -> 大)",
						code: "\n      // 排序的字段\n      const sortKey = 'x'\n\n      return data.sort((a, b) => {\n        return a[sortKey] - b[sortKey]\n      })\n    ",
						editable: false,
						params: [],
					},
					{
						id: "c_DKV4-Vkwmr_ch5gM-Cf",
						name: "排序(大 -> 小)",
						code: "\n      // 排序的字段\n      const sortKey = 'x'\n\n      return data.sort((a, b) => {\n        return b[sortKey] - a[sortKey]\n      })\n    ",
						editable: false,
						params: [],
					},
				],
				params: [],
				constants: [],
				theme: "wonderland",
				guideLine: { 
					show: true, 
					value: [
						{
							type: 'horizontal',
							style: {
								left: 0,
								top: 100,
								width: 1920,
								height:2,
							},
							lineStyle: 'solid',
							id: 'guide-line-id'
						}
					] 
				},
			},
			flag: { type: "PC" },
		},
	},
	version: "1.8",
}

module.exports = {
	MOCK_SCREEN_DATA,
}
